/*
 * @Description: 
 * @Author: handongliang dongliang.han@12301.cn
 * @Date: 2023-11-23 15:39:56
 * @LastEditTime: 2023-12-05 15:43:40
 */
import './index.less'
interface WaterWavesProp {
    value: string | number,
    color?: string;
    style?: any
}
const WaterWaves: React.FC<WaterWavesProp> = (props) => {
    const { value = '30', color = '#33cfff', style } = props
    return (
        <div className='water-waves' style={{ '--completion': `${value == 0 ? -10 : value}%`, '--color': color, ...style }}>
            <span>{value}%</span>
        </div>
    )
}
export default WaterWaves